<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件操作</title>
</head>
<body>

    <button id="btnEle">点我你会爆炸</button>

</body>
<script>
    // 点击按钮之后，希望执行的操作封装到函数中
    let showAlert = function (){
        alert("你爆炸了！");
    };

    // 获取按钮标签对应的元素对象
    let btnEle = document.getElementById("btnEle");

    // 把函数绑定到按钮的单击事件上
    // 语法：函数引用赋值给按钮的 onclick 属性
    // 效果：浏览器在捕获到针对按钮的单击事件后，就会来调用这里绑定的函数
    btnEle.onclick = showAlert;

    // 下面写法表示把函数执行之后得到的返回值赋值给按钮的 onclick 属性，就事件绑定来说是无效的
    // btnEle.onclick = showAlert();
</script>
</html>